<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
    		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    		<title>无人点单、无人支付系统</title>
   		<link rel="stylesheet" type="text/css" href="css/basic.css"/>
   		<link rel="stylesheet" type="text/css" href="css/search.css"/>
	</head>
	<body>
		<header class="search_header header">
			<input class="search" type="search" />
		</header>
		
		<div class="hot_content">
			<ul class="item_list clearfix">
				<li>
					<img src="img/3.jpg" alt="" class="item_img" />
					<div class="inner">
						<h3 class="title">大蒜腊肉</h3>
						<p class="price">¥26</p>
						<span>已售:351份</span>
					</div>
				</li>
				<li>
					<img src="img/1.jpg" alt="" class="item_img" />
					<div class="inner">
						<h3 class="title">大蒜腊肉</h3>
						<p class="price">¥26</p>
						<span>已售:351份</span>
					</div>
				</li>
				<li>
					<img src="img/2.jpg" alt="" class="item_img" />
					<div class="inner">
						<h3 class="title">大蒜腊肉</h3>
						<p class="price">¥26</p>
						<span>已售:351份</span>
					</div>
				</li>
			</ul>
		</div>
		
		<div class="footer_nav" id="footer_nav">
			<img src="img/navigation.png" alt="" />
			<p>导航</p>
		</div>
		
		<div class="footer_book" id="footer_book">
			<img src="img/menu.png" alt="" />
			<p>菜单</p>
		</div>
		
		<div class="footer_cart" id="footer_cart">
			<img src="img/cart.png" alt="" />
			<p>购物车</p>
		</div>
		
		
	</body>
</html>
